<template>
  <div class="yq-detail">
    <div>
      <table class="table table-hover">
        <thead>
          <tr class="list">
            <th>查询地区</th>
            <th>目前确诊</th>
            <th>死亡人数</th>
            <th>治愈人数</th>
            <th>新增确诊</th>
            <th>现存确诊</th>
            <th>现存无症状</th>
            <th>Time</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>{{ obj.查询地区 }}</td>
            <td>{{ obj.目前确诊 }}</td>
            <td>{{ obj.死亡人数 }}</td>
            <td>{{ obj.治愈人数 }}</td>
            <td>{{ obj.新增确诊 }}</td>
            <td>{{ obj.现存确诊 }}</td>
            <td>{{ obj.现存无症状 }}</td>
            <td>{{ obj.time }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script>
import { getEpidemic } from '@/api/epidemic.js'
export default ({
  props: ['item'],
  data() {
    return {
      data: '',
      obj: {}
    }
  },
  created() {
    this.getEpidemic()
  },
  methods: {
    async getEpidemic() {
      const res = await getEpidemic(this.item)
      this.obj = res.data
      // console.log(this.obj)
    }
  },
  setup() {

  }
})
</script>
<style lang="sass">
.list
  border-bottom: 1px solid red
</style>
